@media screen and (min-width:1025px) and (max-width:1201px){
@charset "utf-8";

/*首页*/
.center{ width:1024px; margin:0 auto;}

.header{ height:95px; overflow:hidden;}
.logo{ float:left;}
.top_nav{ float:right; overflow:hidden;}
.top_nav li{ float:left;}
.top_nav li a{ display:block; height:95px; line-height:95px; font-size:16px; font-weight:bold; color:#333; padding:0 20px; margin:0 1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.top_nav li a:hover{ background:#04ab05; color:#FFF;}
.top_nav li .a_on{ background:#04ab05; color:#FFF;}

.mobile_bg{ display:none;}

/* banner css */
.slideBox{ width:100%; height:420px; overflow:hidden; position:relative; display:block;}
.slideBox .hd{ width:100%; height:20px; overflow:hidden; position:absolute; left:0; bottom:20px; z-index:1;}
.slideBox .hd ul{ width:100%; display:inline-table; overflow:hidden; zoom:1;}
.slideBox .hd ul li{ display:inline-block; margin:0 15px; width:18px; height:18px; background:#fff; cursor:pointer; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.slideBox .hd ul li.on{ background:#067b9e; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.slideBox .bd{ position:relative; width:100% !important; height:100%; z-index:0;}
.slideBox .bd ul{ width:100% !important;}
.slideBox .bd ul li{ width:100% !important; height:420px; zoom:1; vertical-align:middle;}
.slideBox .prev{ position:absolute; left:0; top:50%; margin-top:-35px; display:block; width:66px; height:71px; background:url(../images/bannerL.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.slideBox .next{ position:absolute; right:0; top:50%; margin-top:-35px; display:block; width:66px; height:71px; background:url(../images/bannerR.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.slideBox .prev:hover{ background:url(../images/bannerL_on.png) center center no-repeat;}
.slideBox .next:hover{ background:url(../images/bannerR_on.png) center center no-repeat;}

.swiper-container{ display:none;}

.index_title{ width:100%; height:34px; overflow:hidden; position:relative;}
.index_title span{ display:block; width:4px; height:34px; background:#04ab05; position:absolute; top:0; left:0;}
.index_title a{ float:right; font-size:13px; color:#04ab05; background:url(../images/more.jpg) right center no-repeat; padding-right:8px; margin-top:0px;}
.index_title a:hover{ text-decoration:underline;}
.index_title1{ float:left; margin-left:15px; font-size:18px; line-height:18px;}
.index_title2{ float:left; margin-left:15px; clear:both; line-height:12px; margin-top:5px; font-family:"Arial"; color:#a5a5a5;}

.index1{ overflow:hidden; padding:30px 0;}

.index1_l{ float:left; width:382px; padding-right:30px; border-right:1px solid #d2d2d2; overflow:hidden;}
.index1_l1{ width:100%; overflow:hidden; text-align:left; padding:30px 0 0 0;}
.index1_l1 img{ display:block; max-width:100%;}
.index1_l2{ width:100%; overflow:hidden; font-size:14px; color:#8d8d8d; line-height:24px; padding:10px 0;}
.index1_l2 a{ color:#04ab05;}
.index1_l2 a:hover{ text-decoration:underline;}

.index1_r{ float:right; width:572px; overflow:hidden;}

.swiper-container1 {
	float:left;
	width: 300px;
	height: 100%;
	overflow:hidden;
	position:relative;
	margin-top:30px;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container1 .swiper-slide a{ display:block; width:100%; overflow:hidden; position:relative;}
.swiper-container1 .swiper-slide a img{ display:block; width:100%;}
.index1_r1{ position:absolute; width:65%; padding:0 30% 0 5%; height:38px; line-height:38px; z-index:1; background:url(../images/index1_3.png) repeat; bottom:0; left:0; text-align:left; font-size:14px; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.swiper-pagination1{ position:absolute; bottom:11px; right:0; z-index:10;}
.swiper-pagination1 .swiper-pagination-bullet{ width:6px; height:6px; border:1px solid #FFF; background:none; margin-right:6px;}
.swiper-pagination1 .swiper-pagination-bullet-active{ background:#FFF;}

.index1_r2{ float:right; width:247px; margin-top:30px; text-align:left;}
.index1_r2_1{ display:block; width:100%; overflow:hidden;}
.index1_r2_2{ float:left; width:100%; overflow:hidden; font-size:16px; color:#4e4e4e; font-weight:bold; line-height:26px; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index1_r2_3{ float:left; width:100%; overflow:hidden; color:#bdbdbd; line-height:20px; margin-top:5px;}
.index1_r2_4{ float:left; width:100%; overflow:hidden; font-size:14px; color:#8d8d8d; line-height:22px; height:44px; margin-top:5px;}
.index1_r2_1:hover .index1_r2_2{ text-decoration:underline;}
.index1_r2_5{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.index1_r2_5 li{ float:left; width:100%; overflow:hidden; background:url(../images/index1_4.jpg) left center no-repeat; padding:3px 0;}
.index1_r2_5 li a{ display:block; width:97%; font-size:14px; line-height:24px; color:#949494; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-left:3%;}
.index1_r2_5 li a:hover{ text-decoration:underline;}

.index2{ width:100%; overflow:hidden; background:#f6f6f6;}
.index2_1{ width:1024px; margin:0 auto; overflow:hidden;}
.index2_1 li{ float:left; width:19%; overflow:hidden; text-align:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_1 .li_on{ width:43%;}
.index2_1 li a{ display:block; width:100%; height:280px;}
.index2_1 li:nth-child(1){ background:#1b9d52 url(../images/index2_1.png) 5% 200px no-repeat;}
.index2_1 li:nth-child(2){ background:#185fae url(../images/index2_1.png) 5% 200px no-repeat;}
.index2_1 li:nth-child(3){ background:#e3bd34 url(../images/index2_1.png) 5% 200px no-repeat;}
.index2_1 li:nth-child(4){ background:#ad6925 url(../images/index2_1.png) 5% 200px no-repeat;}
.index2_2{ width:90%; margin-left:5%; font-size:16px; font-weight:lighter; color:#FFF; line-height:26px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; margin-top:40px;}
.index2_3{ width:90%; margin-left:5%; font-size:20px; font-weight:bold; color:#FFF; line-height:30px; margin-top:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_4{ width:90%; margin-left:5%; font-size:14px; color:#FFF; line-height:24px; margin-top:15px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_1 .li_on .index2_3{ margin-top:0;}
.index2_1 .li_on .index2_4{ filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}

.footer{ width:100%; overflow:hidden; position:relative;}
.footer_top{ width:100%; overflow:hidden; border-bottom:1px solid #e9e9e9;}

.footer_top1{ width:824px; margin:0 auto; overflow:hidden; padding:26px 200px 26px 0;}
.footer_top1 li{ float:left; font-size:14px; overflow:hidden; line-height:24px;}
.footer_top1 li span{ font-weight:bold; color:#04ab05;}
.footer_top1 li a{ color:#444444; margin:0 40px 0 0;}
.footer_top1 li a:hover{ text-decoration:underline;}

.footer_bot{ width:824px; margin:0 auto; overflow:hidden; padding:26px 200px 26px 0; text-align:left; font-size:14px; color:#484848; line-height:30px;}
.footer_bot a{ color:#484848;}
.footer_bot a:hover{ text-decoration:underline;}

.chat{ position:absolute; top:0; left:50%; z-index:10; width:170px; height:100%; margin-left:342px; background:#f6f6f6;}
.chat1{ margin:10px auto 0 auto; width:148px; background:#FFF; padding:10px 0;}
.chat1 img{ display:block; width:128px; margin:0 auto;}
.chat2{ color:#04ab05; line-height:30px;}

.piaofu{ position:fixed; bottom:10%; right:0; z-index:999999;}
.piaofu li{ float:left; clear:both; position:relative; border-bottom:0;}
.piaofu li a{ display:block; border:1px solid #ececec; width:40px; height:40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position:relative; z-index:10;}
.piaofu li:last-child a{ border-bottom:1px solid #ececec;}
.piaofu li div{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.piaofu li:nth-child(1) a{ background:url(../images/piaofu1.png) center center no-repeat #fff;}
.piaofu li:nth-child(2) a{ background:url(../images/piaofu2.png) center center no-repeat #fff;}
.piaofu li:nth-child(3) a{ background:url(../images/piaofu3.png) center center no-repeat #fff;}
.piaofu li:nth-child(4) a{ background:url(../images/piaofu4.png) center center no-repeat #fff;}
.piaofu li:nth-child(1) a:hover{ background:url(../images/piaofu1_1.png) center center no-repeat #04ab05;}
.piaofu li:nth-child(2) a:hover{ background:url(../images/piaofu2_1.png) center center no-repeat #04ab05;}
.piaofu li:nth-child(3) a:hover{ background:url(../images/piaofu3_1.png) center center no-repeat #04ab05;}
.piaofu li:nth-child(4) a:hover{ background:url(../images/piaofu4_1.png) center center no-repeat #04ab05;}
.piaofu1{ position:absolute; top:0; right:-140px; width:128px; height:128px; z-index:1; background:#FFF; border:1px solid #ececec;}
.piaofu1 img{ display:block; width:128px;}
.piaofu li:hover .piaofu1{ right:42px;}
.piaofu3{ position:absolute; top:1px; right:-152px; width:150px; height:40px; line-height:40px; z-index:1; background:#04ab05; color:#FFF; font-size:16px;}
.piaofu li:hover .piaofu3{ right:42px;}

.banner{ width:100%; height:280px;}
.banner_mobile{ display:none;}

.content{ position:relative; z-index:10;}
.content_l{ float:left; width:265px; overflow:hidden; margin-top:-40px; padding-bottom:50px;}
.content_r{ float:right; width:709px; overflow:hidden;}

.left_nav{ float:left; width:100%; overflow:hidden; background:#04ab05;}
.left_nav1{ float:right; width:90%; padding:0 0 0 6%; overflow:hidden; font-size:24px; color:#FFF; text-align:left; font-weight:bold; height:75px; line-height:75px;}
.left_nav2{ float:right; width:96%; overflow:hidden; background:#FFF;}
.left_nav2 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #eeeeee;}
.left_nav2 li a{ float:left; width:87%; padding:0 6.5%; overflow:hidden; display:block; font-size:16px; color:#666666; text-align:left; height:52px; line-height:52px; background:url(../images/left_nav1.png) 92% center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.left_nav2 li a:hover{ background:url(../images/left_nav1_1.png) 92% center no-repeat; color:#04ab05;}
.left_nav2 li .a_on{ background:url(../images/left_nav1_1.png) 92% center no-repeat; color:#04ab05;}

.content_l1{ float:left; margin-top:30px; width:100%; overflow:hidden; background:#f9f9f9; text-align:left;}
.content_l2{ float:left; margin-left:5%; background:#efefef; width:80%; padding:0 5%; height:33px; line-height:33px; margin-top:15px; font-size:18px; font-weight:bold; color:#333;}
.content_l2 span{ font-family:"Arial"; font-size:14px; color:#54ba55; font-weight:normal;}
.content_l3{ float:left; margin-left:5%; width:90%; overflow:hidden; padding:10px 0 20px 0;}
.content_l3 li{ float:left; width:100%; overflow:hidden; background:url(../images/more.jpg) 7% center no-repeat; padding:3px 0;}
.content_l3 li a{ float:left; margin-left:12%; display:block; max-width:88%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#353535; line-height:22px;}
.content_l3 li a:hover{ text-decoration:underline;}

.position{ float:left; margin-top:30px; width:100%; border-bottom:2px solid #eeeeee; height:45px;}
.position1{ float:left; font-size:24px; line-height:24px; height:45px; border-bottom:2px solid #04ab05;}
.position2{ float:right; font-size:14px; color:#999999; background:url(../images/position.png) left 6px no-repeat; line-height:24px; padding-left:20px; margin-top:5px;}
.position2 a{ color:#999999;}
.position2 a:hover{ text-decoration:underline;}

/* about css */
.about{ float:left; width:100%; overflow:hidden; padding:50px 0;}
.about1{ width:100%; overflow:hidden; font-size:30px; font-weight:bold; color:#04ab05; line-height:40px;}
.about2{ margin-top:30px; width:100%; overflow:hidden; text-align:left; font-size:16px; color:#626262; line-height:24px;}
.about2 img{ display:block; margin:0 auto; max-width:100%;}

/* contact css */
.contact{ width:100%; overflow:hidden; padding-bottom:50px;}
.contact1{ float:left; margin-top:30px; text-align:left; width:500px;}
.contact1_1{ float:left; width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#04ab05; line-height:34px;}
.contact1_2{ float:left; width:100%; overflow:hidden; font-size:16px; color:#626262; line-height:30px; margin-top:20px;}
.contact2{ float:right; width:128px; overflow:hidden; margin-top:45px;}
.contact2_1{ display:block; width:100%;}
.contact2_2{ width:100%; font-size:14px; color:#626262; line-height:24px; margin-top:10px;}
.map{ width:99.8%; border:1px solid #e6e6e6; height:500px; margin-top:30px; float:left;}

/* news css */
.news{ width:100%; overflow:hidden;}
.news1{ float:left; display:block; width:100%; overflow:hidden; margin-top:30px;}
.news1_1{ float:left; display:block; width:203px; height:135px;}
.news1_2{ float:right; width:485px; overflow:hidden; text-align:left;}
.news1_3{ float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#4e4e4e; font-weight:bold; line-height:26px;}
.news1_4{ float:left; width:100%; overflow:hidden; font-size:14px; color:#8d8d8d; line-height:22px; height:66px; margin-top:10px;}
.news1_5{ float:left; width:100%; overflow:hidden; font-size:14px; color:#04ab05; line-height:22px; margin-top:10px;}
.news1:hover .news1_3{ text-decoration:underline;}

.news2{ float:left; width:100%; overflow:hidden; margin-top:30px; border-top:1px dashed #e4e4e4;}
.news2 li{ float:left; width:100%; overflow:hidden; border-bottom:1px dashed #e4e4e4; font-size:14px; line-height:24px; padding:10px 0; background:url(../images/news2.jpg) 2px center no-repeat; text-align:left;}
.news2 li a{ float:left; color:#353535; margin-left:14px; display:block; max-width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news2 li span{ float:right; color:#bebebe;}
.news2 li a:hover{ text-decoration:underline;}

.page{ float:left; width:100%; overflow:hidden; text-align:right; padding:40px 0 50px 0;}
.page span{ display:inline-block; border:1px solid #c8c8c8; height:38px; line-height:38px; padding:0 15px; font-size:16px; color:#999999; margin:10px 2px 0 2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.page a{ display:inline-block; border:1px solid #c8c8c8; height:38px; line-height:38px; padding:0 15px; font-size:16px; color:#999999; margin:10px 2px 0 2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.page span:hover{ background:#04ab05; border:1px solid #04ab05; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page a:hover{ background:#04ab05; border:1px solid #04ab05; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

/* newsIn css */
.newsIn{ width:100%; overflow:hidden;}
.newsIn1{ float:left; width:100%; overflow:hidden; font-size:24px; color:#555555; line-height:34px; margin-top:30px;}
.newsIn2{ float:left; width:100%; overflow:hidden; font-size:14px; color:#999999; line-height:24px; margin-top:6px; border-bottom:1px solid #eeeeee; padding-bottom:12px;}
.newsIn3{ float:left; width:100%; overflow:hidden; padding:30px 0; font-size:16px; color:#626262; line-height:24px; text-align:left;}
.newsIn3 img{ display:block; margin:0 auto; max-width:100%;}

.pageIn{ width:100%; overflow:hidden; position:relative; border-bottom:1px solid #e6e6e9; border-top:1px solid #e6e6e9; padding:12px 0 25px 0;}
.pageIn1{ float:left; width:80%; overflow:hidden; text-align:left; line-height:24px; margin-top:12px; font-size:14px; color:#555555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pageIn1 a{ font-size:14px; color:#555555;}
.pageIn2{ display:block; width:130px; height:40px; line-height:40px; background:#04ab05; color:#FFF; overflow:hidden; position:absolute; right:0; top:32px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; font-size:14px;}
.pageIn2 span{ font-family:"宋体"; font-size:20px; vertical-align:bottom; padding-right:10px;}
.pageIn1 a:hover{ text-decoration:underline;}

.relevant{ width:100%; overflow:hidden; margin-top:40px;}
.relevant1{ width:100%; border-bottom:1px solid #f2f2f2; height:37px;}
.relevant1_1{ float:left; font-size:20px; font-weight:bold; color:#333333; line-height:20px; height:36px; border-bottom:2px solid #04b179;}
.relevant1 a{ float:right; font-size:14px; color:#04b179; line-height:20px;}
.relevant1 a:hover{ text-decoration:underline;}
.relevant2{ float:left; width:100%; overflow:hidden; padding:20px 0;}
.relevant2 li{ float:left; width:100%; overflow:hidden; text-align:left; font-size:14px; line-height:24px; padding:4px 0; background:url(../images/index1_4.jpg) 2px center no-repeat;}
.relevant2 li a{ float:left; color:#666666; display:block; max-width:85%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-left:12px;}
.relevant2 li span{ float:right; color:#bebebe;}
.relevant2 li a:hover{ text-decoration:underline;}

}